<script setup lang="ts">
const returnPersonOptions = []
const contractNumber = 0
const visible = false
const dataForm = {
  id: 0,
  contractNumber: '', // borrowingTime: "",
  // borrowingPersonId: "",
  returnTime: '',
  returnPersonId: '',
}
const dataRule = {
  returnPerson: [{
    required: true,
    message: '归还人不能为空',
    trigger: 'blur',
  }],
}

function init(id) {
  // this.dataForm.id = id || 0
  // console.log(this.dataForm.id)
  // this.visible = true
  // this.$nextTick(() => {
  //   // 查出所有可以选择的借阅人，填充到 select options
  //   this.$http({
  //     url: this.$http.adornUrl(`/contract/borrowinguser/list`),
  //     method: 'get',
  //   }).then(({data}) => {
  //     if (data && data.code === 0) {
  //       // this.dataForm.contractNumber = data.schoolContract.contractNumber;
  //       console.log(data.page.list)
  //       // 默认让第一个选中
  //       // this.dataForm.borrowingPersonId = data.page.list[0].id;
  //
  //       this.returnPersonOptions = []
  //       let optionsV = {}
  //       data.page.list.forEach(e => {
  //         optionsV = {}
  //         optionsV['label'] = e.borrowingName
  //         optionsV['value'] = e.id
  //         this.returnPersonOptions.push(optionsV)
  //       })
  //     }
  //   })
  //
  //   // 归还时 也 需要 根据 合同 id 查出 合同编号
  //   this.$refs['dataForm'].resetFields()
  //   if (id) {
  //     this.$http({
  //       url: this.$http.adornUrl(`/contract/borrowingrecords/info/${id}`),
  //       method: 'get',
  //     }).then(({data}) => {
  //       if (data && data.code === 0) {
  //         console.log(data)
  //         this.contractNumber = data.borrowingRecord.contractNumber
  //       }
  //     })
  //   }
  // })
}

// 表单提交
function dataFormSubmit() {
  // this.$refs['dataForm'].validate(valid => {
  //   if (valid) {
  //     this.$http({
  //       url: this.$http.adornUrl(`/contract/borrowingrecords/creturn`),
  //       method: 'post',
  //       data: this.$http.adornData({
  //         id: this.dataForm.id || undefined,
  //         contractNumber: this.contractNumber, // borrowingTime: this.dataForm.borrowingTime,
  //         // borrowingPerson: this.dataForm.borrowingPerson
  //         returnTime: new Date().getTime(),
  //         returnPersonId: this.dataForm.returnPersonId,
  //       }),
  //     }).then(({data}) => {
  //       if (data && data.code === 0) {
  //         this.$message({
  //           message: '操作成功',
  //           type: 'success',
  //           duration: 1500,
  //           onClose: () => {
  //             this.visible = false
  //             this.$emit('refreshDataList')
  //           },
  //         })
  //       } else {
  //         this.$message.error(data.msg)
  //       }
  //     })
  //   }
  // })
}
</script>

<template>
  <el-dialog v-model:visible="visible" title="归还" :close-on-click-modal="false">
    <el-form
      ref="dataForm"
      :model="dataForm"
      :rules="dataRule"
      label-width="100px"
      @keyup.enter="dataFormSubmit()"
    >
      <el-form-item label="归还人" prop="returnPersonId">
        <el-select v-model="dataForm.returnPersonId" placeholder="请选择归还人">
          <el-option
            v-for="item in returnPersonOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
      </el-form-item>
    </el-form>
    <template v-slot:footer>
      <span class="dialog-footer">
        <el-button @click="visible = false">取消</el-button>
        <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
      </span>
    </template>
  </el-dialog>
</template>
